import Link from "next/link"
import { useRouter } from "next/router"
import styles from "./index.module.css"

export default () => {
  const router = useRouter()

  return (
    <div className={styles.header}>
      <ul>
        <li>
          <Link href="/">
            <img src="/logo.jpg" alt="" />
          </Link>
        </li>
        <li>
          <Link href="/">
            首页
          </Link>
        </li>
        <li>
          <Link href="/about">
            关于我们
          </Link>
        </li>
        <li>
          <Link replace href="/moives">
            电影
          </Link>
        </li>
        <li>
          <Link replace href="/login">
            登录
          </Link>
        </li>
      </ul>
    </div>
  )
}